import { defineComponent, ref } from 'vue'
import './editor.scss'
import LeftList from './components/LeftList'
import CanvasContainer from './components/CanvasContainer'
export default defineComponent({
  props: {
    loadJson: {
      type: Object
    }
  },
  setup(props) {
    return () => (
      // 整个编辑面板
      <div class="editor-comp w-full h-full overflow-y-auto overflow-x-hidden flex">
        {/* 左侧 */}
        <LeftList selector=".canvas-container"></LeftList>
        {/* 中间容器 */}
        <CanvasContainer loadJson={props.loadJson}></CanvasContainer>
        {/* 右侧属性面板 */}
        <div class="flex-1 max-w-96"></div>
      </div>
    )
  }
})
